<html>
	<head>
		<title>
		</title>
		<script type="text/javascript" src="Scripts/Arun.js"></script>
		<script type="text/javascript">
		</script>
		
		<style type="text/css">
			*{
				font-family: verdana;
				font-size: 10pt;
			}
		</style>
		
	</head>
	
	<body>
	
		<div id="Allergies" style="width: 330px; border: 1px dashed grey">
			<div>
				<span id="AddAllergy" style="float: left" onclick="_get('allergyNameSpan').style.display = '';">Add New Allergy</span>
				<span id="close" style="float: right; padding-right: 3px">X</span>
				<span id="numberOfAllergies" style="float: right; padding-right: 10px">Number of allergies</span>
			</div>
			<br />
			<div id="Allergies"  style="border: 1px solid grey">
				<table style="width: 100%;" cellpadding="0px" cellspacing="0px">
					<tr>
						<td style="width: 35%">
							<div id="AllergyList" style="height: 352px"> </div>
							<div id="Controls" style="margin-top: 3px;">
								<span id="showVoids" style="float: left">
									<input type="checkbox" onClick="">Show Voids</input>
								</span>
							</div>
						</td>
						<td style="width: 65%">
							<div id="AllergyDetails" style=" margin-right: 6px">
								<form action="">
									<center>
										<span id="allergyNameSpan" style="display: none;">
											Allergy Name <input type="text" id="allergyName" size="10">
										</span>
										<br />
										<input type="radio" name="isActive" id="active">Active
										<input type="radio" name="isActive" id="inactive">Inactive
										<br />
										<input type="checkbox" id="intolerance">Intolerance
										<br />
										Onset date <input type="text" id="onsetDate" size="10">
									</center>
									<br />
									<span id="Reactions" style="float: left">
										Reactions:
										<br />
										<input type="checkbox" id="Rash">Rash/Hives<br />
										<input type="checkbox" id="Nausea">Nausea, Shock, Diarrhea<br />
										<input type="checkbox" id="Shock">Shock, unconciousness<br />
										<input type="checkbox" id="Anemia">Anemia, Blood disorder<br />
										<input type="checkbox" id="Asthma">Asthma<br />
										<input type="checkbox" id="Other">Other
										<br />
										<input type="text" id="othersText" style="width: 100%" value="enter text...">
										<br />
										Comments:
										<br />
										<textarea rows="5" style="width: 100%" id="comments"></textarea>
									</span>
								</form>
							</div>
							<span style="float: none">
								<div id="ControlButtons" align="center">
									<input type="Button" value="Void" onclick="voidAllergy();" />
									<input type="Button" value="Save" onclick="addAllergy();" />
									<input type="Button" value="Cancel" onclick="confirmCancel();" />
								</div>
								<div id="ConfirmVoid" style="display: none"></div>
								<div id="ConfirmCancel" style="display: none"></div>
								<div id="ConfirmSave" style="display: none"></div>
							</span>
						</td>
					</tr>
				</table>
		</div>
	</body>
</html>